<template>
  <div class="app-wrapper" :style="{ '--current-color': theme }">
    <Ment></Ment>
    <Demo />
  </div>
</template>

<script setup>
import { computed, ref } from "vue";
import Demo from "@/components/Demo";
import Ment from "@/components/Ment.vue";
import useSettingsStore from "@/store/modules/settings";
const settingsStore = useSettingsStore();
const theme = computed(() => settingsStore.theme);
</script>

<style lang="less" scoped>
.app-wrapper {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
}
</style>
